<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  window.onfocus = function () { }
  window.onblur = function () { }


  // document  => window.document

  // 属性
  // document.all
  // document.forms
  // document.images
  // document.links

  // document.documentElement  html
  // document.body
  // document.head
  // document.title

  // document.bgColor

  // 方法
  // write()
  // document.getElementsByTagName()
  // document.getElementsByName()

  // 文档宽高和滚动条的位置
  document.documentElement.clientWidth || document.body.clientWidth;
  document.documentElement.clientHeight || document.body.clientHeight;


  document.documentElement.scrollWidth || document.body.scrollWidth;
  document.documentElement.scrollHeight || document.body.scrollHeight;


  document.documentElement.scrollLeft || document.body.scrollLeft;
  document.documentElement.scrollTop || document.body.scrollTop;

    // console.log(0||2);
    // console.log(NaN||2);
    // console.log(""||2);
    // console.log(null||2);
    // console.log(undefined||2);



    // location
    // 属性
    // protocol
    // hostname
    // port

    // host
    // origin 
    // pathname

    // search
    // hash

    // href

    // 方法
    // reload()

    // console.log(location);

    // history
    // length

    // back()
    // forward()
    // go(n)

    // 当前页  => 百度


    // devicePixelRatio   => 缩放比例
    // 移动端  => 缩放因子
    // PC端    => 页面缩放比例

    // navigator  
    // userAgent







</script>

</html>